!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define("rb_wixui.thunderboltBuilder[HeaderContainer_TransparentScreen]",["react"],t):"object"==typeof exports?exports["rb_wixui.thunderboltBuilder[HeaderContainer_TransparentScreen]"]=t(require("react")):e["rb_wixui.thunderboltBuilder[HeaderContainer_TransparentScreen]"]=t(e.React)}("undefined"!=typeof self?self:this,function(e){return function(){var t={cy2i:function(e,t,n){var r;!function(t){"use strict";var o=function(){},i=t.requestAnimationFrame||t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||t.msRequestAnimationFrame||function(e){return setTimeout(e,16)};function a(){var e=this;e.reads=[],e.writes=[],e.raf=i.bind(t),o("initialized",e)}function s(e){e.scheduled||(e.scheduled=!0,e.raf(d.bind(null,e)),o("flush scheduled"))}function d(e){o("flush");var t,n=e.writes,r=e.reads;try{o("flushing reads",r.length),e.runTasks(r),o("flushing writes",n.length),e.runTasks(n)}catch(e){t=e}if(e.scheduled=!1,(r.length||n.length)&&s(e),t){if(o("task errored",t.message),!e.catch)throw t;e.catch(t)}}function c(e,t){var n=e.indexOf(t);return!!~n&&!!e.splice(n,1)}a.prototype={constructor:a,runTasks:function(e){var t;for(o("run tasks");t=e.shift();)t()},measure:function(e,t){o("measure");var n=t?e.bind(t):e;return this.reads.push(n),s(this),n},mutate:function(e,t){o("mutate");var n=t?e.bind(t):e;return this.writes.push(n),s(this),n},clear:function(e){return o("clear",e),c(this.reads,e)||c(this.writes,e)},extend:function(e){if(o("extend",e),"object"!=typeof e)throw new Error("expected object");var t=Object.create(this);return function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])}(t,e),t.fastdom=this,t.initialize&&t.initialize(),t},catch:null};var u=t.fastdom=t.fastdom||new a;void 0===(r=function(){return u}.call(u,n,u,e))||(e.exports=r)}("undefined"!=typeof window?window:void 0!==this?this:globalThis)},"Xdf/":function(t){"use strict";t.exports=e},Fe5V:function(e){function t(){return e.exports=t=Object.assign?Object.assign.bind():function(e){for(var t=1;t{let{id:n,className:r,skinClassName:o,tagName:a="div",transition:s,transitionEnded:c,eventHandlers:u,skinStyles:l,children:f,tabIndex:p,lang:m}=e;const h=a;return i().createElement(h,t()({id:n,className:d(o,s&&l[s],c&&l.transitionEnded,r),tabIndex:p,lang:m},u),f)};var u=e=>{let{wrapperProps:r,children:o,skinStyles:i}=e;return n.createElement(c,t()({},r,{skinClassName:i.root,skinStyles:i}),n.createElement("div",{className:i.screenWidthBackground}),n.createElement("div",{className:i.centeredContent},n.createElement("div",{className:i.centeredContentBg}),n.createElement("div",{className:i.inlineContent},o)))};var l=e=>i().createElement(u,t()({},e,{skinStyles:a}));const f="wixui-",p=(e,...t)=>{const n=[];return e&&n.push(`${f}${e}`),t.forEach(e=>{e&&(n.push(`${f}${e}`),n.push(e))}),n.join(" ")},m=()=>"undefined"!=typeof window;const h="mesh-container-content",v="inline-content",w=e=>i().createElement("div",{key:e.props.id+"-rotated-wrapper","data-mesh-id":e.props.id+"-rotated-wrapper"},e),y=(e,n)=>{const{id:r,className:o,wedges:a=[],rotatedComponents:s=[],children:c,fixedComponents:u=[],extraClassName:l="",renderRotatedComponents:f=w}=e,p=i().Children.toArray(c()),m=[],y=[];p.forEach(e=>u.includes(e.props.id)?m.push(e):y.push(e));const g=(e=>{const{wedges:t,rotatedComponents:n,childrenArray:r,renderRotatedComponents:o}=e,a=n.reduce((e,t)=>({...e,[t]:!0}),{});return[...r.map(e=>{return a[(t=e,t.props.id.split("__")[0])]?o(e):e;var t}),...t.map(e=>i().createElement("div",{key:e,"data-mesh-id":e}))]})({childrenArray:y,rotatedComponents:s,wedges:a,renderRotatedComponents:f});return i().createElement("div",t()({},(e=>Object.entries(e).reduce((e,[t,n])=>(t.includes("data-")&&(e[t]=n),e),{}))(e),{"data-mesh-id":r+"inlineContent","data-testid":v,className:d(o,l),ref:n}),i().createElement("div",{"data-mesh-id":r+"inlineContent-gridContainer","data-testid":h},g),m)};var g=i().forwardRef(y),b=r("cy2i"),x=r.n(b);function C(){if(!m())return{x:0,y:0,isAtPageBottom:!1};const{left:e,top:t}=document.body.getBoundingClientRect();return{x:e,y:t,isAtPageBottom:window.innerHeight+window.scrollY===document.body.scrollHeight}}var E={root:"header"};const T="Reverse",k="up",P="down";var H=e=>{const{id:r,skin:o,children:a,animations:s,meshProps:c,className:u,customClassNames:l=[],fillLayers:f,lang:h}=e,[v,w]=(0,n.useState)(""),[y,b]=(0,n.useState)(!1),H=(0,n.useRef)(0),j=e=>{H.current+=1,w(e),b(!1)};(0,n.useEffect)(()=>{const e=H.current;if(!window.TransitionEvent){const t=window.setTimeout(()=>{H.current===e&&b(!0)},200);return()=>{window.clearTimeout(t)}}},[v]);const O=v&&!(e=>e.endsWith(T))(v),S=()=>{const e=(e=>""+e+T)(v);j(e)},R=H.current,_={onMouseEnter:e.onMouseEnter,onMouseLeave:e.onMouseLeave,onClick:e.onClick,onDoubleClick:e.onDblClick,onFocus:O?S:void 0,onTransitionEnd:e=>{e.target===e.currentTarget&&H.current===R&&b(!0)}};let B=P,N=0;!function(e,t,r){void 0===r&&(r={}),r={waitFor:100,disabled:!1,...r};const o=(0,n.useRef)(C());let i=null;const a=()=>{x().measure(()=>{const t=C(),n=o.current;o.current=t,i=null,x().mutate(()=>e({prevPos:n,currPos:t}))})};(m()?n.useLayoutEffect:n.useEffect)(()=>{if(!m())return;const e=()=>{null===i&&(i=window.setTimeout(a,r.waitFor))};return r.disabled?()=>{}:(window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e),i&&window.clearTimeout(i)})},t)}(e=>{var t,n;let{currPos:r,prevPos:o}=e;const i=r.y&&-1*r.y,a=o.y&&-1*o.y,d=s[s.length-1],c=null==(t=d.params)||null==(t=t.animations)?void 0:t[d.params.animations.length-1];if(!c)return;const u="mobile"===(null==(n=d.viewMode)?void 0:n.toLowerCase())?1:(e=>{switch(e){case"HeaderFadeOut":return 200;case"HeaderHideToTop":return 400;default:return null}})(c.name);u&&(((e,t,n,r)=>{!(B===P&&et&&e>=0&&t>=0&&(N=t,B=P):(N=t,B=k)})(i,a,r.isAtPageBottom,o.isAtPageBottom),O?(B===k&&i+u=u&&j(c.name))},[v,s],{disabled:!s||!s.length});const A=d(u,p(E.root,...l));return i().createElement(o,{wrapperProps:{id:r,tagName:"header",eventHandlers:_,className:A,transition:v,transitionEnded:y,tabIndex:"-1",lang:h},"data-block-level-container":"HeaderContainer",fillLayers:f},i().createElement(g,t()({id:r},c,{children:a})))};const j=e=>e.replace(/([A-Z])/g,e=>`-${e.toLowerCase()}`);var O;const S={HeaderContainer_TransparentScreen:{component:e=>i().createElement(H,t()({},e,{skin:l})),controller:(O=e=>{let{mapperProps:t,controllerUtils:r}=e;const{updateStyles:o}=r,{compId:i,marginTop:a,isMobileView:s,isFixed:d,...c}=t;var u;return u=()=>{var e;const t=((null==(e=window.document.getElementById(i))?void 0:e.clientHeight)||0)>=window.document.body.clientHeight/2;s&&d&&t&&o({position:"relative !important",marginTop:a,top:0})},(0,n.useEffect)(u,[]),c},{useComponentProps:(e,t,n)=>{const r=(e=>({...e,updateStyles:t=>{const n=Object.entries(t).reduce((e,[t,n])=>{return{...e,[(r=t,r.startsWith("--")?t:j(t))]:void 0===n?null:n};var r},{});e.updateStyles(n)}}))(n);return O({mapperProps:e,stateValues:t,controllerUtils:r})}})}}}(),o}()}); //# sourceMappingURL=https://static.parastorage.com/services/editor-elements-library/dist/thunderboltBuilder/rb_wixui.thunderboltBuilder[HeaderContainer_TransparentScreen].d8b2511f.bundle.min.js.map